
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">       
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <title>Ingresar Producto</title>
    </head>
    <body class="container">
        <%@include file="../../opciones.jsp"%>
        <h1>Ingresar nuevo producto</h1>
        <FORM id="form_producto" class="form-horizontal" METHOD = "POST" ACTION ="<c:url value="/InsertarProducto"/>">
            <div class="form-group">
                <label for="nombre_producto" class="col-md-2 control-label">Nombre del Producto</label>
                <div class="col-md-10">
                    <INPUT id="nombre_producto" class="form-control" TYPE="Text" NAME = "NOMBRE" autofocus value="${registro.nombre}" required/>
                </div>
            </div>
            <div class="form-group">
                <label for="codigo_producto" class="col-md-2 control-label">Código Producto</label> 
                <div class="col-md-10">
                    <INPUT id="codigo_producto" class="form-control" TYPE="Text" NAME = "COD_PRODUCTO" value="${registro.codProducto}" required/>
                </div>
            </div>
            <div class="form-group">    
                <label for="categoria_producto" class="col-md-2 control-label">Categoría</label>
                <div class="col-md-10">
                    <SELECT id="categoria_producto" class="form-control" NAME="COD_CATEGORIA">
                        <c:forEach var="fila" items="${Categorias}">
                            <OPTION value="${fila.codCategoria}" ><c:out value="${fila.nombre}" /></option>
                            </c:forEach>
                    </SELECT>
                </div>
            </div>
            <div class="form-group">
                <label for="precio_compra" class="col-md-2 control-label">Precio Compra</label>
                <div class="col-md-10">
                    <INPUT id="precio_compra" class="form-control" TYPE="Text" required NAME = "PRECIO_NETO" value="${registro.precioNeto}"/>
                </div>
            </div>
            <div class="form-group">
                <label for="precio_venta" class="col-md-2 control-label">Precio Venta</label>
                <div class="col-md-10">
                    <INPUT id="precio_venta" class="form-control" TYPE="Text" required NAME = "PRECIO_VENTA" value="${registro.precioVenta}"/>
                </div>
            </div>
            <div class="form-group">
                <label for="stock_actual" class="col-md-2 control-label">Stock Actual</label>
                <div class="col-md-10">
                    <INPUT id="stock_actual" class="form-control" TYPE="Text" required NAME = "STOCK_ACTUAL" value="${registro.stockActual}"/>
                </div>
            </div>
            <div class="form-group">
                <label for="stock_minimo" class="col-md-2 control-label">Stock Minimo</label>
                <div class="col-md-10">
                    <INPUT id="stock_minimo" class="form-control" TYPE="Text" required NAME = "STOCK_MINIMO" value="${registro.stockMinimo}"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-2 cod-md-10">
                    <button type="submit" class="btn button-default">Ingresar Producto</button>
                </div>
            </div>    
        </FORM> 
        <h2>${Mensaje}</h2>
        <script>
            $('#form_producto').submit(function(e){
			e.preventDefault();
			var precioCompra = $('#precio_compra').val();
			var precioVenta = $('#precio_venta').val();
                        precioCompra = parseInt(precioCompra);
                        precioVenta = parseInt(precioVenta);
                        console.log(precioCompra, precioVenta);
			if (precioCompra < precioVenta) {
                            $(this).unbind('submit').submit();
                            } else {
                                    alert('El precio de compra no puede ser superior al precio de venta. Porfavor ingrese una precio valido.')
                                    $('#precio_compra').val('');
                                    $('#precio_venta').val('');
                                    precioCompra = 0;
                                    precioVenta = 0;
                                    $('#precio_compra').focus();
                           }
		});
        </script>
    </body>
</html>
